.<template>
  <div class="stars-box">
    <van-rate
      v-model="score"
      allow-half
      void-icon="star"
      void-color="#eee"
      :size="26"
      color="yellow"
      readonly
    />
  </div>
</template>

<script>
import { Rate } from "vant";
import Vue from "vue";
Vue.use(Rate);
export default {
  name: "stars",
  data() {
    return {
      value: 2.5,
    };
  },
  props: {
    score: Number,
    size: String,
  },
};
</script>

<style lang="less" scpord>
.stars-box {
  display: inline-flex;
  // padding-left: 20px;
  .van-icon{
      padding-left: 30px;
  }
}
</style>